﻿$(function () {
    
    $('#box').find('.box_wrap').bind('click', function () {
        var $elem = $(this);
        var opacity = '1';
        if ($.browser.msie)
            opacity = '0.5';
        $elem.next()
                        .stop(true)
                        .animate({
                            'width': '500px',
                            'height': '300px',
                            'opacity': opacity
                        }, 500);
    });


        $('#box').find('.close').bind('click', function () {
        var $elem = $('.zoom_overlay');
        $elem.find()
                        .hide()
                        .end()
                        .stop(true)
                        .animate({
                            'width': '500px',
                            'height': '300px',
                            'marginLeft': '-250px',
                            'opacity': '0'
                        }, 500, function () {
                            $(this).hide();
                        });
    });
});